<template>
  <div>
    <div class="demo-type">
      <div>
        <el-avatar :src='user_pic' icon="el-icon-user-solid" v-model="user_pic"></el-avatar>
      </div>
    </div>
    <el-descriptions title="用户信息">

      <el-descriptions-item label="用户名">{{ username }}</el-descriptions-item><br>

      <el-descriptions-item label="用户昵称">{{ nickname }}</el-descriptions-item><br>

      <el-descriptions-item label="用户邮箱">{{ email }}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script>
export default {
  props:{
    username:{
      type:String,
      required:true
    },
    user_pic:{
      type:String,
      required:true
    },
    nickname:{
      type:String,
      required:true
    },
    email:{
      type:String,
      required:true
    }
  },

  methods:{
    
  }
}
</script>

<style>

</style>